<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta id="viewport" name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 minimal-ui">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--删除默认的苹果工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!--控制状态栏显示样式-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>爪游宝</title>
    <link href="https://osscdn.zhuayoubao.com/zyb/zyb_icon.png" type="image/x-icon" rel="shortcut icon">
    <link rel="stylesheet" href="./kdysj/css/kdysj.css">
    <link rel="stylesheet" href="./kdysj/css/index.css">
    <link rel="stylesheet" href="./kdysj/css/ios.css">
    <style>
    /* 自定义样式，使提示框背景为灰色透明 */
        .jq-toast-single {
            background: rgba(32,32,32,0.9)!important;
            border-radius: 10px !important;
    }
    /* 隐藏绿色进度条 */
    .jq-toast-loader {
            display: none !important;
        }
</style>
<!-- 引入 jquery-toast-plugin 的 CSS 文件 -->
<script src="https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/jquery.toast.min.css">
<!-- 引入 jquery-toast-plugin 的 JavaScript 文件 -->
<script src="https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/jquery.toast.min.js"></script>
</head>

<body class="kdysj-wrapper" style="background-color: rgba(61,33,135);">
    <div  id="all"  style="max-width: 800px;">
        <div class="top" style="max-width: 800px;">
            <div class="btndiv">
                <div id="btn" class="btn" onclick="copy()">

                </div>
            </div>
              
        </div>
    </div>
    
    <!-- <div class="top" id="all">
        <img class="top_img" src="https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/browser_back.png"></img>
    </div> -->
</body>



<script>
    let rem;
    let isWeixin = navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
    var showShade = false;


    window.onload = function () {
        setRem();
        init();
    }
    function init() {
        $("div.wrapper").each(function (i, e) {
            $(e).attr("ondragstart", "return false");
        });

        var $demo1 = $("div.demo1")
    }
    function copy(){
        const text='http://ios.kwygame.com/download'
        try {
            navigator.clipboard.writeText(text);
            $('#btn').css('background-image', 'url(https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/copyed.png)');
        } catch (err) {
           console.error(err)
        }
    }
    function setRem() {
        var whdef = 100 / 389 //  表示1920的设计图,使用100PX的默认值
        var bodyWidth = document.getElementById('all').getBoundingClientRect().width;// 当前窗口的宽度
        rem = bodyWidth * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
        document.getElementsByTagName('html')[0].style.fontSize = rem + 'px';
    }
</script>
<style>
 .top{
  width: 3.89rem;
  height: 7.54rem;
  background-image: url('https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/browser_back.png' );
  background-size: 100%;
  background-position:center;
  background-repeat: no-repeat;
}
.top .btndiv{
    padding: 5.7rem 0.95rem 0rem;
    font-size: 0.8rem;
    height: 0.62rem;
}
.top .btndiv .btn{
  width: 2rem;
  height: 0.62rem;
  background-image: url('https://osscdn.zhuayoubao.com/zyb/ios/ios_landing/copy_btn2.png' );
  background-size: 100%;
  background-position:center;
  background-repeat: no-repeat;
}
</style>
